<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<!--导航-->
<div id="allheader" class="container-full allheader-index">
    <div class="header-mark"></div>
    <div class="header-mark-bot"></div>
    <div class="container-full header clearfix">
        <div class="container-full top header-nav">
            <div class="container padding-right-clear">
                <div class="col-xs-12 padding-right-clear">
                    <div class="navbar">
                        <div class="nav-header navbar-default">
                            <a href="#" class="navbar-brand">
                                <img src="../image/logo.png" alt="玉葡萄">
                            </a>
                        </div>
                        <div class="collapse navbar-collapse navbar-right">
                            <ul class="nav navbar-nav">
                                <li><a href="../index.html">首页
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="../trade/coin.html">交易中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="../financial/index.html">财务中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="">行情中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li><a href="../activityNew/machineStatus.html">活动中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                                <li class="active"><a href="">个人中心
                                    <div class="relative">
                                        <span class="line"></span>
                                    </div>
                                </a></li>
                            </ul>
                            <div class="login clearfix">
                                <div class="log-mark"></div>
                                <div class="log-con">
                                    <a href="../login.html" class="log-item">登录</a>
                                    <span class="log-item">|</span>
                                    <a href="../register.html" class="log-item">注册</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--滚动信息栏-->
<div class="container-full notice">
    <div class="container text-center">
        <marquee direction="up" height="30" scrollamount="1" scrolldelay="50">
            <ul>
                <li class="notice-style">
                    <p style="display: block;">
                        <a href="">
                            <i class="notice-item-icon"></i>
                            <span>网银在线支付各银行限额表</span>
                        </a>
                    </p>

                </li>
                <li class="notice-style">
                    <p style="display: block;">
                        <a href="">
                            <i class="notice-item-icon"></i>
                            <span>
                        关于域名转出和人民币提现的最新...
                        </span>
                        </a>
                    </p>

                </li>
            </ul>
        </marquee>
    </div>
</div>
<!--内容-->
<div class="container padding-top-40">
    <!--左侧导航-->
    <div class="col-xs-2 list" style="height: 1860px;">
        <ul class="nav nav-pills nav-stacked">
            <span class="list-title"><i class="list-icon protect"></i>安全中心</span>
            <li><a href="userhome.html">安全设置</a></li>
            <span class="list-title"><i class="list-icon user"></i>用户中心</span>
            <li class="active"><a href="">积分等级</a></li>
            <li><a href="priceclock.html">价格闹钟</a></li>
            <li><a href="claim.html">推广记录</a></li>
        </ul>
    </div>
    <!--右侧显示内容-->
    <div class="col-xs-10 padding-right-clear">
        <div class="col-xs-12 padding-right-clear padding-left-clear right-area vip" style="height: 1860px;">
            <div class="col-xs-12 padding-left-clear padding-right-clear rightarea-con">
                <div class="col-xs-12">
                    <div class="score-top-icon col-xs-12">
                        <div class="col-xs-2 top-icon">
                            <i class="vip-icon viplevel0"></i>
                        </div>
                        <div class="col-xs-2 top-con" id="userlevel">
                            <p>您目前的等级：</p>
                            <p>普通会员</p>
                        </div>
                        <div class="col-xs-2 top-con">
                            <i class="split"></i>
                            <p>您目前的积分:</p>
                            <p>1700</p>
                        </div>
                        <div class="col-xs-6 top-icon text-center">
                            <button id="buyVip6" class="now_buy" data-toggle="modal" data-target="#tradepass">
                                <span>￥</span>
                                <span>3888</span>
                                <span>/年</span>
                                <span class="nbright">
                                <span>立即购买VIP6</span>
                            </span>
                            </button>
                        </div>

                    </div>
                    <div class="col-xs-12 score-top-v6">
                        <div class="col-xs-12">
                            <p class="top-v6-title">VIP6钻石等级用户特权：</p>
                            <div class="top-v6-con">
                                <p class="col-xs-3">专属交易风险提醒</p>
                                <p class="col-xs-3">低提现费率</p>
                                <p class="col-xs-3">快速充提</p>
                                <p class="col-xs-3">大客户经理专职服务</p>
                                <p class="col-xs-3">日提现专享定制额度</p>
                                <p class="col-xs-3">客服24小时一对一服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 padding-right-clear padding-left-clear userlevelinfo">
                    <p class="text-center vipdjinfo">-- 会员级别图示 --</p>
                    <div class="vipdj-pic">
                        <span class="dj-line"></span>
                    </div>
                </div>
                <div class="col-xs-12 padding-left-clear padding-right-clear ulinfo">
                    <p class="vipdjinfo text-center">-- 获得积分的好处 --</p>
                    <div>
                        <table class="text-center">
                            <tbody>
                            <tr class="vipheader">
                                <td>等级</td>
                                <td>积分</td>
                                <td>交易手续费</td>
                                <td>人民币<br>快速充值</td>
                                <td>域名<br>快速转出</td>
                                <td>人民币提现费率</td>
                                <td>提现日限额</td>
                            </tr>
                            <tr>
                                <td>普通会员</td>
                                <td>0~9999</td>
                                <td rowspan="7">0.5%</td>
                                <td rowspan="7">0%</td>
                                <td rowspan="7">0%</td>
                                <td>0.50%</td>
                                <td>200万</td>
                            </tr>
                            <tr>
                                <td>VIP1</td>
                                <td>10000~99999</td>
                                <td>0.45%</td>
                                <td>200万</td>
                            </tr>
                            <tr>
                                <td>VIP2</td>
                                <td>100000~299999</td>
                                <td>0.40%</td>
                                <td>200万</td>
                            </tr>
                            <tr>
                                <td>VIP3</td>
                                <td>300000~499999</td>
                                <td>0.38%</td>
                                <td>200万</td>
                            </tr>
                            <tr>
                                <td>VIP4</td>
                                <td>500000~999999</td>
                                <td>0.35%</td>
                                <td>200万</td>
                            </tr>
                            <tr>
                                <td>VIP5</td>
                                <td>>1000000</td>
                                <td>0.30%</td>
                                <td>200万</td>
                            </tr>
                            <tr>
                                <td>VIP6</td>
                                <td>付费服务</td>
                                <td>0.30%</td>
                                <td>定制额度</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="vipdjpromt">
                        <p>*VIP等级永久有效.&nbsp;&nbsp;&nbsp;*当积分达到对应等级要求后系统自动为用户升级到对应VIP级别.&nbsp;&nbsp;&nbsp;*玉葡萄可能会根据运营需要对VIP政策做出调整。</p>
                    </div>
                    <div class="col-xs-12 padding-right-clear padding-left-clear ulinfo getjf">
                        <p class="vipdjinfo text-center">-- 如何获得积分 --</p>
                        <table>
                            <tbody>
                            <tr class="vipheader">
                                <td>操作</td>
                                <td>积分</td>
                                <td>说明</td>
                            </tr>
                            <tr>
                                <td>登录</td>
                                <td>+100</td>
                                <td class="text-left">累加(每天计1次)</td>
                            </tr>
                            <tr>
                                <td>充值</td>
                                <td>+1</td>
                                <td class="text-left">充值10元或价值10元的域名</td>
                            </tr>
                            <tr>
                                <td>交易额</td>
                                <td>+1</td>
                                <td class="text-left">买入或卖出100元的域名(每天最多获得10000积分)</td>
                            </tr>
                            <tr>
                                <td>净资产额</td>
                                <td>折合人民币x0.001</td>
                                <td class="text-left">当日账户净资产折合人民币(四舍五入，只记整数)</td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="usergetjf">
                            <tbody>
                            <tr class="vipheader">
                                <td>操作</td>
                                <td>积分</td>
                                <td>说明</td>
                            </tr>
                            <tr>
                                <td>实名认证</td>
                                <td>+500</td>
                                <td>实名认证即送500积分</td>
                            </tr>
                            <tr>
                                <td>手机认证</td>
                                <td>+500</td>
                                <td>手机认证即送500积分</td>
                            </tr>
                            <tr>
                                <td>邮箱认证</td>
                                <td>+500</td>
                                <td>邮箱认证即送500积分</td>
                            </tr>
                            <tr>
                                <td>谷歌认证</td>
                                <td>+500</td>
                                <td>谷歌认证即送500积分</td>
                            </tr>
                            <tr>
                                <td>首次充值</td>
                                <td>+500</td>
                                <td>首次充值即送500积分</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="col-xs-12 padding-left-clear padding-right-clear ulinfo loggetjf">
                        <div class="form-group" style="margin-bottom: 30px;">
                            <span>起止时间:</span>
                            <input class="databtn datainput" id="begindate" value="2017-10-05" readonly="readonly">
                            <span>至</span>
                            <input class="databtn datainput" id="enddata" value="2017-10-12" readonly="readonly">
                            <input type="button" class value="确定" id="selectbydate">
                        </div>
                        <table class="usergetjf userlogjf" id="userlogjf">
                            <tbody>
                            <tr class="vipheader">
                                <td>时间</td>
                                <td>类型</td>
                                <td>获得积分</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--会员购买-->
<div class="modal modal-custom fade" id="tradepass" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     style="display: none;">
    <div class="modal-dialog modal-trading-dialog" role="document">
        <div class="modal-mark" style="height: 281px; width: 420px"></div>
        <div class="modal-content" style="margin-top: 62px;">
            <div class="modal-header">
                <button type="button" class="close btn-modal" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
                <span class="modal-title" id="exampleModalLabel">交易密码</span>
            </div>
            <div class="modal-body form-horizontal">
                <div class="form-group">
                    <div class="col-xs-8 col-xs-offset-2">
                        <input type="password" class="form-control" id="tradePwd" placeholder="请输入交易密码">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-8 col-xs-offset-2">
                        <span id="errortips" class="error-msg text-danger"></span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-xs-8 col-xs-offset-2">
                        <button id="modalbtn" type="button" class="btn btn-danger btn-clock">确定</button>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!--页脚-->
<div id="allfooter" class="container-full footer" style="position: static;">
    <div class="container footer-top">
        <div class="row col-xs-12 text-center">
            <div class="footer-left-top">
                <a href="" target="_blank">关于我们</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">使用帮助</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">联系我们</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">在线问答</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">飞率说明</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">法律声明</a>
                <span class="plist max">|</span>
                <a href="" target="_blank">商务合作</a>
                <span class="plist max">|</span>
            </div>
            <div class="footer-left-con">
                    <span class="plist">
                        <a href="" target="_blank">友情链接</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">火币网</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">域名城</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">阿里云</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">易名中国</a>
                    </span>
                <span class="plist">
                        <a href="" target="_blank">金色财经</a>
                    </span>
            </div>
            <div class="footer-left-bot">
                <div class="footer-bot">
                        <span>
                            ©2017&nbsp;
                            玉葡萄&nbsp;
                            YPT.COM&nbsp;
                            京ICP备17037802号
                        </span>
                </div>
            </div>

        </div>
    </div>
</div>
<!--帮助按钮-->
<div class="help">
    <ul class="help_list">
        <li>
            <a href="#" target="_blank">
                <span>在线问答</span>
                <i class="fix_help"></i>
            </a>
        </li>
        <li>
            <a href="#" target="_blank">
                <span>在线客服</span>
                <i class="use_help"></i>
            </a>
        </li>
        <li>
            <span>400-772-5979</span>
            <i class="tel_help"></i>
        </li>
    </ul>
</div>
</body>
</html>